.wrapper {
		display: grid;
		grid-template-columns: 15% 50% 30% 5%;
		grid-template-areas: 
			"nv nv nv nv"
			".	hd hd hd"
			".	mn mn ."
			"ft ft ft ft";
	}
	.wrapper2 {
		display: grid;
		grid-template-columns: 15% 50% 30% 5%;
		grid-template-areas: 
			"nv nv nv nv"
			".	hd hd hd"
			".	mn pb ."
			"ft ft ft ft";
	}
	
	body {
		background: #c5c5c5;
	}
	html {
  		font-size: 15px;
		font-family: 'Roboto', roboto;
	}
	.nav {
		grid-area: nv;
		background: #525252;
		height: 50px;
	}
	.nav a {
		color: white;
		margin-left: 40px;
		line-height: 50px;
		text-align: center;
		text-decoration: none
	}
	.nav a:hover {
		background: #001eff;
	}
	.header {
		grid-area: hd;
		background: #c5c5c5;
		margin-bottom: 20px;
	}
	.content {
		grid-area: mn;
	}
	.footer {
		grid-area: ft;
		background: #c5c5c5;
		color: white;
		padding-left: 40px;
		padding-top: 20px;
		height: 100px;
	}
	.right {
		grid-area: pb;
		margin-left: 20px;
	}
	.add {
		background: #FFFFFF;
		padding: 20px;
		margin-bottom: 20px;
	}